html,body{
    width:100%;
    height: 100%;
    overflow:hidden;
}
.header{
    height: 40px;
}
.main{
    height: calc(100% - 130px);
    overflow:auto;

}

.main ul li{
    margin-bottom: 2rem ;
}

.headerImg,.headerImg img{
    width:3rem;
    height: 3rem;
    border-radius: 2rem;
    background-color:#1E9FFF;
}

.heaper{
    width:2.5rem;
    height: 2.5rem;
    border-radius: 1.65rem;
    position:fixed;
    top:1rem;
    right:1rem;

    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding:1rem;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.heaper i{
    font-size:1.6rem;
}


#headimgurl{
    display: flex;
    height: 40px;
    justify-items: flex-start;
    align-items: center;
}

#headimgurl #nickname{

}
#headimgurl img{
    width:2.5rem;
    height: 2.5rem;
    border-radius: 2rem;
    background-color:#1E9FFF;
}

#list li .card .card-body .card-text{
    max-height: 150px;
    overflow:auto;

}

.fankui_box{
    display: flex;
    justify-content: flex-end;

}

.fankui_box > div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fankui_box > div:not(:nth-last-child(1)){
    margin-right: 0.5rem;
}
.fankui_box> div i{font-size: 1.5rem;}
.fankui_box > div .number{
    font-size: 0.5rem;
    color: rgba(0,0,0,0.4);
}
.red{
    background-color:red;
}

.icon-zan{
    width:1.5rem;height: 1.5rem;
    background-image: url("../img/zan_hui.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.icon-zan-hong{
    width:1.5rem;height: 1.5rem;
    background-image: url("../img/zan_hong.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.pinglun_box{
    position:fixed;
    width:100%;
    height: 100%;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    background-color: rgba(0,0,0,0);
    display: none;

}
.pinglun_box .container_pinglun{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height: 480px;
    background-color:#fff;
    box-shadow:-2px 1px 12px rgba(0,0,0,0.5);
    border-radius:15px 15px 0 0;

}

.container_pinglun .pl_header{
    width: 100%;
    padding: 0.8rem;
}

.container_pinglun .pl_body{
    width:100%;
    max-height: 400px;
    overflow:auto;
    padding:0 0.5rem;
    padding-bottom: 4rem;
}

.pl_headerImg{
    width:2rem;
    height: 2rem;
    border-radius: 2rem;
    background-color:#1E9FFF;
}

.container_pinglun .pl_footer{}

.zhezhao{
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;left:0;
    background-color: rgba(0,0,0,0.5);
    z-index: 0;
    display: none;
}